<script src="../../main.js"></script>
<template>
    <div>
        <div>
            <p style="font-weight: bold" class="interfaceHead"><i class="el-icon-s-promotion"></i>办理许可进度</p>
            <el-divider></el-divider>
            <el-card  border  style="width: 400px;margin-left: 50px" >
                <div slot="header" class="clearfix">
                    <span>相关信息</span>

                </div>
                <div>
                    <div>单位名称<el-tag >{{admin.name}}</el-tag></div>
                    <div>行政区划<el-tag >{{admin.address}}</el-tag></div>
                    <div>法人信息<el-tag >{{admin.corpName}}</el-tag></div>
                    <div>单位类别<el-tag >{{admin.scope}}</el-tag></div>
                    <div>职工人数<el-tag >{{admin.payroll}}</el-tag></div>
                    <div>企业面积<el-tag >{{admin.area}}</el-tag>平方米</div>

                </div>
            </el-card>
            </div>


        <div class="progress">
            <el-steps :active = "admin.progress" >
                <el-step title="申请" icon="el-icon-edit"></el-step>
                <el-step title="初审" icon="el-icon-upload"></el-step>
                <el-step title="现场检查" icon="el-icon-s-flag"></el-step>
                <el-step title="复审" icon="el-icon-notebook-1"></el-step>
                <el-step title="终审" icon="el-icon-document-copy"></el-step>
                <el-step title="证件发放" icon="el-icon-picture"></el-step>
            </el-steps>
        </div>
    </div>
</template>

<script>
    export default {
        name: "UserProgress",
        data(){
            return{
                admin:'',
            }
        },
        mounted() {
            this.initAdmin();
        },
        methods:{
            initAdmin(){
                // 接口地址
                this.getRequest('/company/findT').then(resp=>{
                    if(resp){
                        console.log(resp)
                        this.admin= resp.data.data;
                    }
                })
            }
        }
    }
</script>

<style scoped>
.progress{
    width: 70%;
    padding-left: 100px;
    padding-top: 30px;
}
.text {
    font-size: 14px;
}

.item {
    margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}
.clearfix:after {
    clear: both
}



</style>